<meta charset = "utf-8"/>
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<styLe>
body{
	background:#eee;
}
*{
	margin:0px;
	padding:0px ;
}
.boxs{
	width:100%;
	background:white ;

}
.box{
	display:flex;
	border:1px solid #848484;
	height:50px;
	width:100%;
	background:white ;
}
.pic1{
	position:relative;
	left:20px;
	top:7px;
	text-algin:center;
}
.pic2{
	text-algin:center;
	position:fixed;
	right:15px;
	margin-top:10px;
}
.txt1{
	position:relative;
	left:30px;
	top:13px;
	font-size:14px;	
}
.txt2{
	position:fixed;
	right:50px;
	font-size:10px;
	text-align:right;
	margin-top:18px;
}
.qi{
	height:150px;
	position:relative;
	left:10px;
	top:110px;
}
</style>
<div class = "qi">骑行</div>
<div class = "boxs">
<div class = "box">
	<div class = "pic1"><img src = "1.png"/></div>
	<div class = "txt1">我的钱包</div>
	<div class = "txt2">查看骑行卡 优惠卷</div>
	<div class = "pic2"><img src = "6.png"/></div>
		
</div>
<div class = "box">
	
	<div class = "pic1"><img src = "2.png"/></div>
	<div class = "txt1">行程</div>
	<div class = "txt2">本月骑行0次 今日骑行0次</div>
	<div class = "pic2"><img src = "6.png"/></div>
	
</div>
<div class = "box">
	<div class = "pic1"><img src = "3.png"/></div>
	<div class = "txt1">行为分</div>
	<div class = "txt2">当前分数276分</div>
	<div class = "pic2"><img src = "6.png"/></div>

</div>
<div class = "box">
	<div class = "pic1"><img src = "4.png"/></div>
	<div class = "txt1">计价规则</div>
	<div class = "txt2">计价规则</div>
	<div class = "pic2"><img src = "6.png"/></div>

</div>
<div class = "box">
	<div class = "pic1"><img src = "5.png"/></div>
	<div class = "txt1">客服中心</div>
	<div class = "txt2"></div>
	<div class = "pic2"><img src = "6.png"/></div>

</div>
</div>